<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML input属性</title>
</head>
<body>
<!--autocomplete属性规定表单或输入字段是否应该自动完成。当自动完成开启，浏览器会基于用户之前的输入值自动填写值 属性值为’on‘和’off‘-->
<!-- novalidate 属性属于 <form> 属性。如果设置，则 novalidate 规定在提交表单时不对表单数据进行验证-->
<form action="2.html" method="get" autocomplete="on" id="form1" >
  <!--readonly 属性规定输入字段为只读（不能修改）-->
  只读：<input type="text" name="nt" value="只读" readonly><br/>

  <!--disabled 属性规定输入字段是禁用的。被禁用的元素是不可用和不可点击的。被禁用的元素不会被提交-->
  禁用：<input type="text" name="dt" value="禁用" disabled><br/>

  邮箱：<input type="email" name="email"><br/>

  <!--autofocus 属性是布尔属性。如果设置，则规定当页面加载时 <input> 元素应该自动获得焦点-->
  昵称：<input type="text" name="uname" value="昵称" autofocus><br/>

  <!--multiple 属性是布尔属性。如果设置，则规定允许用户在 <input> 元素中输入一个以上的值。multiple 属性适用于以下输入类型：email 和 file-->
  图片：<input type="file" name="img" multiple><br/>

  <!--pattern 属性规定用于检查 <input> 元素值的正则表达式。pattern 属性适用于以下输入类型：text、search、url、tel、email、and password-->
  电话：<input type="tel" name="telephone" pattern="[1-9]{11}" required><br/>

  <!--placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。该提示会在用户输入值之前显示在输入字段中。-->
  收货地址：<input type="text" name="shdz" placeholder="天津"><br/>

  <!--step 属性规定 <input> 元素的合法数字间隔。-->
  <input type="number" name="number" step="5"><br/>

  <input type="submit" value="提交"><br/>

  <!--formaction 属性规定当提交表单时处理该输入控件的文件的 URL。formaction 属性覆盖 <form> 元素的 action 属性-->
  <!--formmethod 属性定义用以向 action URL 发送表单数据（form-data）的 HTTP 方法。formmethod 属性覆盖 <form> 元素的 method 属性。-->
  <input type="submit" formaction="3.html" value="以管理员身份提交" formmethod="post"/><br/>

  <!--height和width属性规定 <input> 元素的高度和宽度。height 和 width 属性仅用于 <input type="image">-->
  <input type="image" src="/bg.jpg" alt="submit" width="48" height="48"><br/>




</form>

<!--form 属性规定 <input> 元素所属的一个或多个表单。提示：如需引用一个以上的表单，请使用空格分隔的表单 id 列表-->
<!--下面的 sname 字段位于 form 元素之外，但仍然是表单的一部分-->
  sname：<input type="text" name="sname" value="昵称2" form="form1">
</body>
</html>